.nav {
    height: 80px;
    width: 100%;
    // line-height: 80px;
    // background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    .logo {
        img {
            width: 96px;
            height: 35px;
        }
    }

    // 一级菜单
    ul.items {
        display: flex;
        & > li {
            width: 118px;
            height: 80px;
            // background-color: aqua;
            position: relative;
            div.item {
                width: 100%;
                height: 80px;
                line-height: 80px;
                text-align: center;
                .fa-angle-up {
                    display: inline-block;
                }
                .fa-angle-down {
                    display: none;
                }
                &.active {
                    color: #1d3e97;
                }
            }
            //二级菜单
            .bg-2nd {
                height: 40px;
                width: 100%;
                position: fixed;
                left: 0;
                top: 80px;
                background-color: white;
                display: none;
                // z-index: 999;
            }
            ol {
                height: 40px;
                position: absolute;
                left: 50%;
                bottom: -40px;
                transform: translateX(-50%);
                display: none;

                li {
                    font-size: 14px;
                    width: 80px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 40px;

                    &:hover a {
                        color: #1d3e97;
                    }
                }

            }

            &:hover {
                a {
                    color: #1d3e97;
                }
                .item:hover {
                    
                    // background-color: #f0f0f0;
                    .fa-angle-down {
                        display: inline-block;
                    }
                    .fa-angle-up {
                        display: none;
                    }
                }
                .bg-2nd {
                    display: block;

                }
                ol { 
                    a {
                        color: #000;
                    }
                    display: flex;
                }
            }
        }
    }

    .lan {
        span {
            margin: 0 5px;
            color: #ccc;

            &.active {
                color: black;
            }
        }
    }
}

.nav-board {
    height: 80px;
}